@charset "utf-8";
@import './modules/header';
@import './modules/footer';

*{
    margin: 0;
    padding: 0;
}

body{
    background-color: #002055;
    background-image: radial-gradient(ellipse 50% 70% at 50% 0,#002c74 20%,#001536);
    background-attachment: fixed;
}

a{
    text-decoration: none;
}

ul li{
    list-style: none;
}


.main3{
    width: 1485px;
    margin: 0 auto;
    margin-top: 30px;
    overflow: hidden;
    padding: 17px;
    background: rgba(0,0,0,.6);
    .zxq{
        width: 358px;
        height: 1022px;
        float: left;
        margin-right: 33px;
        .shang{
            width: 358px;
            height: 783px;
            margin-bottom: 25px;
            background: #262b34;
            .xximg{
                height: 360px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            h3{
                font-size: 42px;
                margin: 20px auto;
                margin-left: 19px;
                color: #eaeaeb;
                span{
                    font-size: 42px;
                    color: #eaeaeb;
                }
            }
            .yushou{
                margin-left: 19px;
                width: 320px;
                height: 60px;
                background: #d6d6d6;
                font-size: 26px;
                color: #373737;
                border-radius: 3px;
                margin-bottom: 18px;
                border: none;
                outline: none;
                cursor: pointer;
                &:hover{
                    background:#fafafa;
                    transition: .6s;
                }
            }
            .shoucang{
                margin-left: 19px;
                width: 320px;
                height: 60px;
                background: #63666d;
                font-size: 26px;
                color: #fff;
                border-radius: 3px;
                margin-bottom: 30px;
                border: none;
                outline: none;
                cursor: pointer;
                &:hover{
                    background:#8f8f8f;
                    transition: .6s;
                }
            }
            .shebei{
                margin-left: 19px;
                height: 144px;
                width: 320px;
                border-top: 2px solid #000;
                .ps001{
                    margin-top: 24px;
                    margin-bottom: 16px;
                    width: 60px;
                    height: 33px;
                    border: 1px solid #000;
                    background: #333;
                    color: #adadad;
                    outline: none;
                    cursor: pointer;
                    &:hover{
                        background:#646464;
                        transition: .6s;
                    }
                }
                >p{
                    margin-top: 16px;
                    font-size: 22px;
                    color: #eaeaeb;
                }
                >a{
                    display: block;
                    color: #d6d7d7;
                    text-decoration: underline;
                }
            }
        }
        .xia{
            width: 358px;
            height: 326px;
            border: 2px solid #263244;
            background: rgba(255,255,255,.05);
            h3{
                font-size: 32px;
                color: #e7e8eb;
                margin-left: 18px;
                margin-top: 24px;
                margin-bottom: 20px;
            }
            .lxda1{
                width: 316px;
                border-top: 2px solid #3d4859;
                margin-left: 18px;
                h5{
                    font-size: 26px;
                    color: #e7e8eb;
                    margin-top: 30px;
                    margin-bottom: 14px;
                }
                span{
                    font-size: 22px;
                    color: #888888;
                }
            }
            .lxda2{
                width: 316px;
                margin-left: 18px;
                h5{
                    font-size: 26px;
                    color: #e7e8eb;
                    margin-top: 30px;
                    margin-bottom: 14px;
                }
                span{
                    font-size: 22px;
                    color: #888888;
                }
            }
        }
    }
    .yxq{
        width: 1020px;
        float: left;
        .xqtitle{
            height: 320px;
            border-bottom: 2px solid #8a8a8a;
            line-height: 100px;
            margin-bottom: 30px;
            h2{
                font-size: 58px;
                color: #fff;
                margin-top: 50px;
            }
            .ywtitle{
                font-size: 26px;
                color: #8a8a8a;
            }
            .fsxq{
                font-size: 30px;
                color: #8a8a8a;
            }
        }
        .fdj{
            height: 771px;
            margin-bottom: 50px;
            background: #000;
            .bigimg{
                height: 590px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .xiaoimg{
                margin-top: 11px;
                height: 170px;
                display: flex;
                justify-content: space-around;
                li{
                    margin:0 5px;
                }
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .xqimg{
            li{
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}